@import "common.scss";
@import url(https://at.alicdn.com/t/c/font_3598588_01hb9s22t7ns.css);
@function getvw($w){
    @return ($w/750)*100+vw;
}
%title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    .left{
        display: flex;
        align-items: center;
    img{
        width: getvw(55);
    }
    p{
        text-indent: getvw(8);
    }
    }
    .right{
            display: flex;
            align-items: center;
            p{
                margin-right: getvw(8);
            }
            i{
                color: #ff9344;
            }
    }
}
.wrap{
    header{

        .banner{
          
            display: flex;
            flex-direction: column;
            align-items: center;
            .bannerbox{
                margin: getvw(15) 0;
                width: 100%;
                display: flex;
                justify-content: space-between;
                .box{
                    text-align: center;
                    
                    img{
                        width: getvw(150);
                        height: getvw(150);
                    }
                }
            }
            .dian{
                display: flex;
                .box{
                    width: getvw(20);
                    height: getvw(20);
                    border-radius: getvw(20);
                    background-color: #ffc9a1;
                    &:first-child{
                        background-color: #ff9344;
                    }
                }
            }
        }
    }
    main{
        margin-bottom: getvw(100);
        .contentBox{
            .title{
                @extend %title;
            }
            .bigBox{
                margin: getvw(40) 0 getvw(50);
                display: flex;
                justify-content: space-between;
                .box{
                    
                    width: getvw(130);
                }
            }
        }
    }
}
